<seed-content class="plan-edit-teaching-process">
  <seed-toolbar-header>
    <seed-toolbar-title>教学过程</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="teaching-process-name">{{classSchedule.subjectName | decodeuri}}</div>
  <div class="seed-gap"></div>
  <div class="teaching-process-page">
    <div class="predict-time">
      <ul>
        <li class="border-bottom-scaleY">
          <span>预计时长(分钟)</span>
          <input
            #duration
            type="tel"
            placeholder="请输入预计时长"
            (keyup)="saveTeachProcessValue(duration.value, 'duration')"
          >
        </li>
        <li>
          <span>训练次数(次)</span>
          <input #trainingTimes
                 type="tel"
                 placeholder="请输入训练次数"
                 (keyup)="saveTeachProcessValue(trainingTimes.value, 'trainingTimes')"
          >
        </li>
      </ul>
    </div>

    <div class="seed-gap"></div>
    <div class="teaching-content">
      <div class="edit-header border-bottom-scaleY">
        <h2 class="edit-title-stripe">教学内容与方法措施</h2>
      </div>
      <seed-textarea-form
        width="100%"
        height="240"
        placeMark="例如课堂常规讲解、热身运动、基本体操等"
        maxQuantity="200" [text]="teachProcessDefault.measureWay"
        (textChange)="saveTeachProcessValue($event, 'measureWay')"
      ></seed-textarea-form>
    </div>

    <div class="seed-gap"></div>
    <div class="teaching-content">
      <div class="edit-header border-bottom-scaleY">
        <h2 class="edit-title-stripe">预计问题与处理方法</h2>
      </div>
      <seed-textarea-form
        width="100%"
        height="240"
        placeMark="例如部分学生模仿不像、教练加强引导练习"
        maxQuantity="100" [text]="teachProcessDefault.questionWay"
        (textChange)="saveTeachProcessValue($event, 'questionWay')"
      ></seed-textarea-form>
    </div>

    <div class="seed-gap"></div>
    <div class="teaching-content">
      <div class="edit-header border-bottom-scaleY">
        <h2 class="edit-title-stripe">组织形式</h2>
      </div>
      <ul #organizingForms>

        <li *ngFor="let item of organizingFormsImg">
          <img (click)="handleOrganizingFormsIsChecked(item)" [src]="getCurrentImgSrc(item)">
        </li>
      </ul>
    </div>
  </div>


</seed-content>
<seed-submit-button
  [btnText]="'保存'"
  class="fixed-bottom"
  [disabled]="isDisabled"
  (submit)="saveTeachProcess()"
></seed-submit-button>
